<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./less/index01.css" >
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>
    <!-- main start -->
    <main>
        <header>
            <div class="head">
                <div class="city">
                    城市
                    <i class="iconfont icon-dizhi"></i>
                </div>
                <div class="search">
                    <input type="text" placeholder="搜索酒店 / 飞机票火车票/ 攻略">
                </div>
                <div class="chart">
                    <i class="iconfont icon-dizhi"></i>
                </div>
            </div>
        </header>
        <!-- nav start -->
        <nav>
            <div class="nav">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./images/A1_04.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_06.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_08.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_11.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_13.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_21.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_23.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_25.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_27.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/A1_30.jpg" alt="">
                            <span>跟团游</span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- content start -->
        <div class="contentfirst">
            <h4>热门景点</h4>
            <div class="hot_sta">
                <ul>
                    <li>
                        <a href="#">
                            <div class="moutain"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="moutain center"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="moutain right"></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </main>


    <!-- footer start -->
        <footer>
            <div class="footer">
                <ul>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-index-copy fon"></i>
                            <span>首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-dizhi fon"></i>
                            <span>周边</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-qizhi fon"></i>
                            <span>景点</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-service fon"></i>
                            <span>客服</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont icon-7 fon"></i>
                            <span>会员</span>
                        </a>
                    </li>
                </ul>
            </div>
        </footer>
    <script src="./js/flexible.js"></script>
</body>
</html>